body {
    background: #171922;
    color: #fff;
    .search_main {
        width: 545/40rem;
        background-color: #fff;
        height: 1204/40rem;
        position: fixed;
        right: 0;
        z-index: 2;
        display: none;
        div {
            width: 460/40rem;
            margin: 0 auto;
            form {
                width: 460/40rem;
                height: 56/40rem;
                line-height: 56/40rem;
                border: 1/40rem solid #AEAEAE;
                color: #9592A7;
                border-radius: 10/40rem;
                background: #FFFFFF;
                margin: 39/40rem auto 0;
                .search_txt {
                    font-size: 24/40rem;
                    padding-left: 27/40rem;
                    margin: 0 auto;
                }
                div {
                    display: flex;
                    position: fixed;
                    bottom: 24/40rem;
                    input[type="button"] {
                        width:209/40rem;
                        height: 61/40rem;
                        border: 1/40rem solid #27A9FD;
                        color: #3B9CE0;
                        font-size: 26/40rem;
                        border-radius: 10/40rem;
                        background-color: #fff;
                        &:nth-child(1) {
                            margin-right: 46/40rem;
                        }
                        &:nth-child(2) {
                            background-color: #3B9CE0;
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
    .l_btn_tab {
        //tab导航内容
        .l_box_nav {
            height: 60/40rem;
            line-height: 60/40rem;
            ul {
                display: flex;
                text-align: center;
                li {
                    margin: auto;
                    text-align: center;
                    a {
                        display: block;
                        color: #9592A7;
                        font-size: 26/40rem;
                        height: 61/40rem;
                    }
                    &.cur {
                        border-bottom: 5/40rem solid #3B9CE0;
                        a {
                            color: #fff;
                        }
                    }
                }
            }
        }
        //tab内容
        .l_list_con {
            .l_list {
                display:none;
                li {
                    .l_master_nav {
                        width: 100%;
                        height: 71/40rem;
                        line-height: 71/40rem;
                        border-top: 1/40rem solid #2E303E;
                        border-bottom: 1/40rem solid #2E303E;
                        .l_left_nav {
                            float: left;
                            span {
                                float: left;
                                font-size: 24/40rem;
                                color: #9592A7;
                                margin-left: 23/40rem;
                            }
                            .l_typebox {
                                float: left;
                                div {
                                    position: relative;
                                    font-size: 24/40rem;
                                    margin-left: 11/40rem;
                                    &:after {
                                        content: "";
                                        width: 0;
                                        height: 0;
                                        overflow: hidden;
                                        border-width: 6px;
                                        border-style: solid;
                                        border-color: #3B9CE0 transparent transparent transparent;
                                        position: absolute;
                                        top: 30/40rem;
                                        left: 60/40rem;
                                    }
                                }
                            }
                        }
                        .l_right_nav {
                            float: left;
                            margin-left: 136/40rem;
                            span {
                                float: left;
                                font-size: 24/40rem;
                                color: #9592A7;
                            }
                            .l_typebox {
                                float: left;
                                div {
                                    position: relative;
                                    font-size: 24/40rem;
                                    margin-left: 11/40rem;
                                    &:after {
                                        content: "";
                                        width: 0;
                                        height: 0;
                                        overflow: hidden;
                                        border-width: 6px;
                                        border-style: solid;
                                        border-color: #3B9CE0 transparent transparent transparent;
                                        position: absolute;
                                        top: 30/40rem;
                                        left: 75/40rem;
                                    }
                                }
                                ul {
                                    display: none;
                                    margin-left: 11/40rem;
                                    position: fixed;
                                    li {
                                        font-size: 24/40rem;
                                        height: 30/40rem;
                                        line-height: 30/40rem;
                                    }
                                }
                            }
                        }
                        .l_search {
                            float: right;
                            width: 40/40rem;
                            height: 40/40rem;
                            margin-right: 24/40rem;
                            margin-top: 15/40rem;
                            img {
                                width: 100%;
                            }
                        }
                    }
                    //筛选列表
                    .filter1 {
                        width: 638/40rem;
                        height: 321/40rem;
                        background-color: #fff;
                        position: fixed;
                        z-index: 2;
                        display: none;
                        ul {
                            width: 520/40rem;
                            margin: 0 auto;
                            li {
                                height: 80/40rem;
                                border-bottom: 1/40rem solid #EFEFEF;
                                padding-left: 62/40rem;
                                display: flex;
                                .square {
                                    width: 520/40rem;
                                    position: relative;
                                    margin: 20/40rem auto;
                                    label {
                                        width: 520/40rem;
                                        height: 80/40rem;
                                        line-height: 40/40rem;
                                        cursor: pointer;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        color: #363B42;
                                        font-size: 24/40rem;
                                        &:after {
                                              content: '';
                                              width: 28/40rem;
                                              height: 16/40rem;
                                              position: absolute;
                                              top: 4/40rem;
                                              left: 330/40rem;
                                              border: 3/40rem solid #F03B55;
                                              border-top: none;
                                              border-right: none;
                                              background: transparent;
                                              filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
                                              opacity: 0;
                                              -moz-transform: rotate(-45deg);
                                              -ms-transform: rotate(-45deg);
                                              -webkit-transform: rotate(-45deg);
                                              transform: rotate(-45deg);
                                            }
                                    }
                                    input[type=checkbox] {
                                        visibility: hidden;
                                        &:checked + label:after {
                                          filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                                          opacity: 1;
                                        }
                                    }
                                }
                                &:last-child {
                                    border-bottom: none;
                                }
                            }
                        }
                    }
                    .filter2 {
                        width: 351/40rem;
                        height: 321/40rem;
                        background-color: #fff;
                        position: fixed;
                        right: 0;
                        z-index: 2;
                        display: none;
                        ul {
                            width: 285/40rem;
                            margin: 0 auto;
                            li {
                                height: 80/40rem;
                                border-bottom: 1/40rem solid #EFEFEF;
                                padding-left: 62/40rem;
                                display: flex;
                                .square {
                                    width: 285/40rem;
                                    position: relative;
                                    margin: 20/40rem auto;
                                    label {
                                        width: 285/40rem;
                                        height: 80/40rem;
                                        line-height: 40/40rem;
                                        cursor: pointer;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        color: #363B42;
                                        font-size: 24/40rem;
                                        a {
                                            color: #363B42;
                                            font-size: 24/40rem;
                                        }
                                        &:after {
                                          content: '';
                                          width: 28/40rem;
                                          height: 16/40rem;
                                          position: absolute;
                                          top: 10/40rem;
                                          right: 80/40rem;
                                          border: 3/40rem solid #F03B55;
                                          border-top: none;
                                          border-right: none;
                                          background: transparent;
                                          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
                                          opacity: 0;
                                          -moz-transform: rotate(-45deg);
                                          -ms-transform: rotate(-45deg);
                                          -webkit-transform: rotate(-45deg);
                                          transform: rotate(-45deg);
                                        }
                                        &:nth-child(1) {
                                            &::after {
                                                left: 40/40rem;
                                            }
                                        }
                                    }
                                    input[type=checkbox] {
                                        visibility: hidden;
                                        &:checked + label:after {
                                          filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                                          opacity: 1;
                                        }
                                    }
                                }
                                &:last-child {
                                    border-bottom: none;
                                }
                            }
                        }
                    }
                    section {
                        .l_master_title {
                            height: 128/40rem;
                            border-bottom: 1/40rem solid #2E303E;
                            display: flex;
                            section {
                                display: flex;
                                height: 128/40rem;
                                //头像
                                div.photo {
                                        width: 70/40rem;
                                        height: 70/40rem;
                                        border-radius: 50%;
                                        margin: auto 24/40rem auto 20/40rem;
                                        position: relative;
                                    div {
                                        &:nth-child(1) {
                                            width: 70/40rem;
                                            height: 70/40rem;
                                        }
                                        &:nth-child(2) {
                                            width: 30/40rem;
                                            height: 30/40rem;
                                            position: absolute;
                                            top: 40/40rem;
                                            right: 0;
                                        }
                                        img {
                                            width: 100%;
                                            height: 100%;
                                        }
                                    }
                                }
                                //用户名
                                div.uname {
                                    width: 3rem;
                                    div.name {
                                        color: #fff;
                                        font-size: 26/40rem;
                                        margin: 33/40rem auto 11/40rem;
                                        text-overflow: -o-ellipsis-lastline;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        display: -webkit-box;
                                        -webkit-line-clamp: 1;
                                        -webkit-box-orient: vertical;
                                    }
                                    div.img {
                                        width: 90/40rem;
                                        height: 22/40rem;
                                        img {
                                            width: 100%;
                                            height: 100%;
                                        }
                                    }
                                }
                                //段位
                                div.dan {
                                    display: flex;
                                    margin-right: 86/40rem;
                                    text-align: center;
                                    div.danImg {
                                        width: 33/40rem;
                                        height: 48/40rem;
                                        margin: 49/40rem 19/40rem auto 70/40rem;
                                        img {
                                            width: 100%;
                                        }
                                    }
                                    div.danInfo {
                                        margin-top: 40/40rem;
                                        p {
                                            color: #fff;
                                            font-size: 24/40rem; 
                                            &:nth-child(2) {
                                                color: #6C6C79;
                                            }
                                        }
                                    } 
                                }
                            }
                            button {
                                flex: 1;
                                background-color: #3B9CE0;
                                color: #fff;
                                fill: 26/40rem;
                                width: 121/40rem;
                                height: 50/40rem;
                                border-radius: 10/40rem;
                                line-height: 50/40rem;
                                text-align: center;
                                margin-top: 44/40rem;
                                font-size: 26/40rem;
                                position: fixed;
                                right: 24/40rem;
                            }
                        }
                        //分析师详情
                        .l_master_detail {
                            height: 200/40rem;
                            padding-top: 23/40rem;
                            display: none;
                            padding-bottom: 0.775rem;
                            div.detail {
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                //左侧图表
                                .l_left_chart {
                                    width: 139/40rem;
                                    height: 102/40rem;
                                    margin-left:24/40rem;
                                    .mChart {
                                        width: 139/40rem;
                                        height: 102/40rem;
                                    }
                                }
                                //右侧数据
                                .l_right_data {
                                    margin-left: 53/40rem;
                                    height: 206/40rem;
                                    float: left;
                                    ul {
                                       
                                        li {
                                            float: left;
                                            width: 31%;
                                            text-align: center;
                                            margin-bottom: 0.3rem;
                                            &:nth-child(4) {
                                                div {
                                                    &:nth-child(1) {
                                                        height: 19/40rem;
                                                        display: flex;
                                                        span {
                                                            display: inline-block;
                                                            font-size: 24/40rem;
                                                            &:nth-child(2) {
                                                                width: 19/40rem;
                                                                height: 19/40rem;
                                                                margin-left: 22/40rem;
                                                                margin-top: 3/40rem;
                                                                img {
                                                                    width: 100%;
                                                                }
                                                            }
                                                        }
                                                    }
                                                    &:nth-child(2) {
                                                        margin-top: 24/40rem;
                                                    }
                                                }
                                            }
                                            div {
                                                font-size: 24/40rem;
                                                text-align: left;
                                                &:nth-child(1) {
                                                    margin-top: 13/40rem;
                                                }
                                                &:nth-child(2) {
                                                    color: #6C6C79;
                                                    margin-top: 13/40rem;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .l_list_show {
                display:block;
            }
        }
    }
    //跟单按钮弹层
    //点击编辑按钮，弹层在下面
    #follow_btn_cancel {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
    }
    .follow_btn {
        width: 541/46.9rem;
        height: 385/46.9rem;
        background-color: #fff;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 26/46.9rem;
        display: none;
        color: #000000;
        span {
            &.current {
                background-color: #3B9CE0;
            }
        }
        //正向跟单
        div:nth-child(1) {
            display: flex;
            font-size: 34/46.9rem;
            font-weight: bold;
            line-height: 120/46.9rem;
            div.bor {
                width: 35/46.9rem;
                height: 35/46.9rem;
                border-radius: 50%;
                border: 1/46.9rem solid #0F0F0F;
                margin: 44/46.9rem 45/46.9rem 0 125/46.9rem;
                span {
                    display: block;
                    width: 29/46.9rem;
                    height: 29/46.9rem;
                    border-radius: 50%;
//                  background-color: #3B9CE0;
                    margin: auto;
                }
            }
        }
        div:nth-child(2) {
            width: 411/46.9rem;
            height: 2/46.9rem;
            background-color: #CDCED2;
            margin: 0 auto;
        }
        //反向跟单
        div:nth-child(3) {
            display: flex;
            font-size: 34/46.9rem;
            font-weight: bold;
            height: 120/46.9rem;
            line-height: 120/46.9rem;
            div.bor {
                width: 35/46.9rem;
                height: 35/46.9rem;
                border-radius: 50%;
                border: 1/46.9rem solid #0F0F0F;
                margin: 44/46.9rem 45/46.9rem 0 125/46.9rem;
                span {
                    display: block;
                    width: 29/46.9rem;
                    height: 29/46.9rem;
                    border-radius: 50%;
//                  background-color: #3B9CE0;
                    margin: auto;
                }
            }
        }
        //喊单协议 
        div:nth-child(4) {
            display: flex;
            margin-top: 10/46.9rem;
            div.squar {
                width: 24/46.9rem;
                position: relative;
                margin: 5/46.9rem 17/46.9rem 20/46.9rem 78/46.9rem;
                label {
                    width: 24/46.9rem;
                    height: 24/46.9rem;
                    cursor: pointer;
                    position: absolute;
                    top: 0;
                    left: 0;
                    border: 1/46.9rem solid #3B9CE0;
                    span {
                          display: block;
                          width: 15/46.9rem;
                          height: 10/46.9rem;
                          position: absolute;
                          border: 5/46.9rem solid #333;
                          border-top: none;
                          border-right: none;
                          background: transparent;
                          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
                          opacity: 0;
                          -webkit-transform: rotate(-45deg);
                          -o-transform: rotate(-45deg);
                          -moz-transform: rotate(-45deg);
                          -ms-transform: rotate(-45deg);
                          -webkit-transform: rotate(-45deg);
                          transform: rotate(-45deg);
                    }
                }
                input[type=checkbox] {
                    visibility: hidden;
                    &:checked + label span {
                       filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                       opacity: 1;
                    }
                }
            }
            span {
                color: #191919;
                font-size: 26/46.9rem;
                a {
                    color: #3B9CE0;
                    font-size: 26/46.9rem;
                }
            }
        }
        //取消确定按钮
        div:nth-child(5) {
            height: 88/46.9rem;
            line-height: 88/46.9rem;
            display:flex;
            border-top: 2/46.9rem solid #CDCED2;
            background-color: #fff;
            border-bottom-right-radius: 26/46.9rem; 
            border-bottom-left-radius:  26/46.9rem;
            span {
                flex: 1;
                text-align: center;
                font-size: 32/46.9rem;
                color: #3B9CE0;
                font-weight: normal;
                &:nth-child(1) {
                    border-right: 1/46.9rem solid #CDCED2;
                }
            }
        }
        }
        //取消跟单
        .cancel_follow {
            width: 541/46.9rem;
            height: 84/46.9rem;
            background-color: #fff;
            border-radius: 19/46.9rem;
            text-align: center;
            line-height: 84/46.9rem;
            font-size: 32/46.9rem;
            color: #3B9CE0;
            margin-top: 21/46.9rem;
            font-weight: normal;
        }
}
